<html >
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>意见咨询</title>
        <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
        <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    </head>
    <style >
        html{font-size: 20px}
        ion-content{margin: 1em}
        .bar-positive h4{
            background-color: #07E9A1;
          /*  text-align: center;*/
            color:#fff;
            height: 2rem;
            line-height: 2rem;
            margin-top: 0;
            margin-bottom: 0;
            letter-spacing: 0.1rem;
        }
       
        textarea{
          width: 100%;
          height: 7rem; 
          background-color: #F7F7F7;
          letter-spacing: 0.3rem;
          padding: 0.5rem 0 0 0.5rem; 
          border:1px solid #CACACA; 
        }
        .input-content{
            margin: 0.5rem 0
        }
        .photo .photo-logo{
            border:1px solid #9C9C9C;
            height: 3rem;
            margin: 0 0.3rem;
            padding: 0.5rem;
            border-radius: 0.5rem;
            color: #9C9C9C;
        }
        .photo .photo-logo img{
            width: 2rem;
            height: 2rem;
        }
        .photo .col-photo{
            border:1px solid #9C9C9C;
            height: 3rem;
            border-radius: 0.5rem;
            color: #9C9C9C;
            padding: 0;
            text-align: right;

        }
         button.button-block, button.button-full, .button-full > button.button, input.button.button-block {
        width: 70%;   
        }
        .btn .button {
            border-color: transparent;
            background-color: #07E9A1;
            color: #fff;
            position: relative;
            margin: 3rem auto;
            padding: 0 12px;
            min-width: 52px;
            min-height:30px;
            border-width: 1px;
            border-style: solid;
            border-radius: 1rem;
            vertical-align: top;
            text-align: center;
            text-overflow: ellipsis;
            font-size: 16px;
            line-height:40px;
        
        }
        .row-span{
            margin: 20% 0;
        }
        .col-fixed{
            width: 80%;
            position: fixed;
            bottom: 1rem;
            text-align: center;
            margin: 0 0 0 1.5rem;
            line-height: 1rem;
            color: #FF902E;
            background-color: #EEEEEE;
            border:1px solid #FF902E;
            border-radius: 3rem;
        }
        .col-fixed img{
            width: 1rem;
            height:1rem;
            vertical-align: middle;
        }
        .title  a{
          vertical-align: middle;
          margin-right: 30%;
       }
     
    </style>
    <body >

     <ion-header-bar  class="bar-positive ">
             <h4 class="title">
                  <ion-nav-buttons side="left" >
                      <a href="javascript:history.back(-1)" class="button button-icon icon ion-ios-arrow-back" nav-direction="back"></a>
                  </ion-nav-buttons>
              意见咨询</h4>
     </ion-header-bar>

     <ion-content>
        <div class="row input-content">
            <textarea placeholder="请输入反馈意见，您的意见是我们前进的动力！"></textarea>
        </div>
        <div class="row photo">
            <div class="col col-20 photo-logo">
                <img src="img/photo.png">
            </div>
            <div class="col col-20 col-photo">
              x
            </div>
        </div>
        <div class="row row-span"></div>
        <div class="row btn">
            <div class="col">
                <button class="button button-block">完成</button>
            </div>
        </div>
        <div class="row">
            <div class="col col-fixed">
                    <img src="img/dianhua.png">
                    咨询电话：0254633115
            </div>
        </div>

     </ion-content>
    
  </body>
</html>

